:root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  font-weight: 400;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: border-box;
}

@font-face {
  font-family: Oswald;
  src: url('@/assets/fonts/Oswald-Bold.ttf');
}
@font-face {
  font-family: Alaska;
  src: url('@/assets/fonts/Alaska.ttf');
}
@font-face {
  font-family: Arrakis;
  src: url('@/assets/fonts/Arrakis.ttf');
}

@font-face {
  font-family: Alibaba;
  src: url('@/assets/fonts/alibaba-ph-m.ttf');
}

html,
body, div, p, span,
button,
table, tr, th, td,
audio, video {
  font-family: Alibaba;
}
a:link, a:visited {
  color: var(--color-main);
  text-decoration: none;
  transition: all, 300ms;
}
a:hover { color: var(--color-main-hover); }
a:active { color: var(--color-main-active); }

.container-core {
  margin: 0 auto;
}

.fullpage-section {
  height: 100vh;
}

// Mobile
@media screen and (max-width: 767px) {
  .container-core {
    width: 345px;
  }
  .fullpage-section-with-footer {
    min-height: calc(100vh - 300px);
  }
}

// Tablet
@media screen and (max-width: 1023px) and (min-width: 768px) {
  .container-core {
    width: 705px;
  }
  .fullpage-section-with-footer {
    min-height: calc(100vh - 185px);
  }
}

// Desktop
@media screen and (min-width: 1024px) {
  .container-core {
    width: 940px; /* no */
  }
  .thin-container-core {
    width: 620px;
  }
  .fullpage-section-with-footer {
    min-height: calc(100vh - 160px);
  }
}
